@import "@/styles/variables.scss";

.modulesTitle-container {
    height: 50px;
    padding: 0px 20px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .title-left {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        .left-icon{
            font-size: $font-size-title;
            color: $font-color-info;
            margin-right: 4px;
        }
        .title-content {
            font-size: $font-size-title;
            color: $font-color-info;
        }

      .el-breadcrumb{
        font-size: $font-size-title;
      }
    }

    .title-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;

        .other {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        .btn {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: $block-space-x;
        }
    }

}
